<script>
    import {
        mapState,
        mapMutations
    } from 'vuex'

    export default {
        methods: {
            // ...mapMutations(['blzLogin'])
        },
        onLaunch: function() {
            // let info = uni.getStorageSync('blz_user_info');
            // this.blzLogin(info);
        },
        onShow: function() {
			
        },
        onHide: function() {
        }
    }
</script>

<style>
    @import "./common/uni.css";
	@import "./common/iconfont.css";
    /*每个页面公共css */
    /* uni-app默认全局使用flex布局。因为flex布局有利于跨更多平台，尤其是采用原生渲染的平台。如不了解flex布局，请参考http://www.w3.org/TR/css3-flexbox/。如不使用flex布局，请删除或注释掉本行。*/
    body,
    page {
        min-height: 100%;
        display: flex;
    }
    
    /* #ifdef MP-BAIDU */
    page {
        width: 100%;
        height: 100%;
        display: block;
    }
    
    swan-template {
        width: 100%;
        min-height: 100%;
        display: flex;
    }
    
    /* #endif */
    
    /* 原生组件模式下需要注意组件外部样式 */
    m-input {
        width: 100%;
        min-height: 100%;
        display: flex;
    }
    
    .content {
        display: flex;
        flex: 1;
        flex-direction: column;
        background-color: #FFFFFF;
    }
    
    .input-group {
        background-color: #ffffff;
        margin-top: 40upx;
        position: relative;
    }
    
    .input-group::before {
        position: absolute;
        right: 0;
        top: 0;
        left: 0;
        height: 1upx;
        content: '';
        -webkit-transform: scaleY(.5);
        transform: scaleY(.5);
        background-color: #c8c7cc;
    }
    
    .input-group::after {
        position: absolute;
        right: 0;
        bottom: 0;
        left: 0;
        height: 1upx;
        content: '';
        -webkit-transform: scaleY(.5);
        transform: scaleY(.5);
        background-color: #c8c7cc;
    }
    
    .input-row {
        display: flex;
        flex-direction: row;
        position: relative;
    }
    
    .input-row .title {
        width: 20%;
        height: 50upx;
        min-height: 50upx;
        padding: 15upx 0;
        padding-left: 30upx;
        line-height: 50upx;
    }
    
    .input-row.border::after {
        position: absolute;
        right: 0;
        bottom: 0;
        left: 15upx;
        height: 1upx;
        content: '';
        -webkit-transform: scaleY(.5);
        transform: scaleY(.5);
        background-color: #c8c7cc;
    }
    
    .btn-row {
        margin-top: 50upx;
        padding: 20upx;
    }
    
    .blz-primary {
        font-size: 36upx;
        border-radius: 50upx;
        margin-left: 84upx;
        margin-right: 84upx;
        height: 88upx;
        margin-top: 40upx;
        background: linear-gradient(90deg, rgba(60, 180, 255, 1) 0%, rgba(120, 60, 255, 1) 100%) !important;
        box-shadow: 0px 12px 20px rgba(120, 60, 255, 0.3) !important;
        opacity: 1;
    }
    
    .blz-primary[disabled] {
        background: rgba(172, 184, 213, 1) !important;
        box-shadow:0px 12px 20px rgba(214,227,255,0.8) !important;
    }
    
    .blz-center {
        justify-content: center;
        align-items: center;
        text-align: center;
        align-content: center;
    }
</style>
